import React from 'react';
import './style.less'

class UserInfo extends React.Component {
  constructor(props, context) {
    super(props, context);
  }

  render() {
    return (
      <div className="userinfo-container">
        <p>
          <i className="icon-user"></i>
          &nbsp;
          {this.props.username}
        </p>
        <p>
          <i className="icon-map-marker"></i>
          &nbsp;
          {this.props.city}
        </p>
      </div>
    );
  }
}

export default UserInfo;